﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>账户信息</title>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/alert.css" />
</head>
<body>
<!--header start-->
<header>
    <div class="top_bar">
        <div class="left_top_bar fl">
            <div class="welcome fl">城市矿山首页，欢迎来到城市矿山</div>
            <div class="login fl"><a href="#">请登录</a></div>
            <div class="register fl"><a href="#">免费注册</a> </div>
            <div class="clearfix"></div>
        </div>
        <div class="right_top_bar fr">
            <div class="nav_top_bar fl">
                <ul>
                    <li class="fl"><a href="#">我的城市矿山</a></li>
                    <li class="fl"><a href="#">个人中心</a></li>
                    <li class="fl"><a href="#">帮助中心</a></li>
                    <li class="fl"><a href="#">在线客服</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="tel_top_bar fl">
                <div class="tel">400-0660-567（8：30-17：30）</div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="nav">
        <div class="main_nav">
            <div class="logo fl">
                <div class="img_logo fl" style=""><img src="images/logo.png"> </div>
                <div class="text_logo fl">帮助中心</div>
                <div class="clearfix"></div>
            </div>
            <div class="nav_index fr">
                <a class="go_back" href="#">退出</a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</header><!--header end-->

<!--main start-->
<section class="main">
    <section class="sidebar_resource fl">
        <div class="title_sidebar_resource">我的资源单</div>
        <ul>
            <li><a href="#">我的资源单</a><i></i></li>
            <li><a href="#">我的关注</a><i></i></li>
        </ul>

        <div class="title_sidebar_resource">个人账户</div>
        <ul>
            <li class="current"><a href="#">账户信息</a><i></i></li>
            <li><a href="#">账户安全</a><i></i></li>
        </ul>
    </section>
    <section class="content_account fl">
        <div class="title_account">账户信息</div>
        <div class="box_info">
           <div class="img_box_info fl">
               <img id="pic_user_info" src="images/test_pic.jpg">
               <input id="upload_user_info" name="file" accept="image/jpeg,image/jpg,image/png" type="file" style="display: none"/>
               <div id="zhezhao">更换图像</div>
           </div>
           <div class="inputs_box_info fl">
                <div class="form_group_info">
                    <label for="email_user">邮箱地址</label>
                    <div class="label_input_info">
                        <span id="email_user">无邮箱</span>
                        <a class="edit_email" href="#">修改邮箱</a>
                    </div>
                </div>
               <div class="form_group_info">
                   <label for="phone_user">手机号码</label>
                   <div class="label_input_info">
                       <span id="phone_user">130****8888</span>
                   </div>
               </div>

               <div class="form_group_info">
                   <label for="name_user">姓名</label>
                   <div class="label_input_info">
                       <input id="name_user" type="text" placeholder="请输入姓名">
                       <span class="txt"></span>
                   </div>
               </div>

               <div class="form_group_info">
                   <label for="company_user">公司名称</label>
                   <div class="label_input_info">
                       <input id="company_user" type="text" placeholder="请输入公司名称">
                       <span class="txt"></span>
                   </div>
               </div>

               <div class="form_group_info">
                   <label for="zuoji_user">办公电话</label>
                   <div class="label_input_info">
                       <input id="zuoji_user" type="text" placeholder="请输入座机号码">
                       <span>例:022-26554454</span>
                   </div>
               </div>

               <div class="form_group_info">
                   <label for="companyEmail_user">企业邮箱</label>
                   <div class="label_input_info">
                       <input id="companyEmail_user" type="text" placeholder="请输入邮箱地址">
                       <span class="txt"></span>
                   </div>
               </div>

               <div class="form_group_info">
                   <label for="addr_user">公司地址</label>
                   <div class="label_input_info">
                       <textarea id="addr_user" placeholder="请输入公司地址"></textarea>
                       <span class="txt"></span>
                   </div>
               </div>

               <div class="form_group_info">
                   <label></label>
                   <div class="label_input_info">
                       <button id="baocun_userinfo">保存</button>
                   </div>
               </div>
           </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <div class="clearfix"></div>
</section><!--main end-->

<!--footer start-->
<footer>
    <section class="five_advantage">
        <div class="main_five_advantage">
            <div class="box_five_advantage fl">
                <i class="advantage_1"></i>
                <span>厂商直供</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_2"></i>
                <span>品种规格齐全</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_3"></i>
                <span>仓库加工一体</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_4"></i>
                <span>诚聘英才</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_5"></i>
                <span>帮助中心</span>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="nav_footer">
        <div class="main_nav_footer">
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">如何免费找货</a></li>
                    <li><a href="#">资源单搜索</a></li>
                    <li><a href="#">如何免费找车</a></li>
                    <li><a href="#">拾起卖APP/微信</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">商城采购流程</a></li>
                    <li><a href="#">如何支付</a></li>
                    <li><a href="#">发票查询</a></li>
                    <li><a href="#">售后服务</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">合作钢厂</a></li>
                    <li><a href="#">商城与资源单区别</a></li>
                    <li><a href="#">卖方资源上传</a></li>
                    <li><a href="#">供应商合作洽谈</a></li>
                    <li><a href="#">合作热线</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖加工简介</a></li>
                    <li><a href="#">委托加工的优势</a></li>
                    <li><a href="#">可委托加工的类型</a></li>
                    <li><a href="#">找材料仓库服务信息</a></li>
                    <li><a href="#">意见与建议</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖简介</a></li>
                    <li><a href="#">拾起卖融资申请流程</a></li>
                    <li><a href="#">如何使用拾起卖融资</a></li>
                    <li><a href="#">如何还款</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="other_footer">
        <div class="main_other_footer">
            <div class="nav_main_other_footer">
                <ul>
                    <li class="fl"><a href="#">关于我们</a> </li>
                    <li class="fl"><a href="#">诚聘英才</a> </li>
                    <li class="fl"><a href="#">联系我们</a> </li>
                    <li class="fl"><a href="#">常见问题</a> </li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="side_footer">城市矿山官方网站  <a href="#">www.citymine.com.cn</a>  备案号 津ICP 17003801-1 </div>
            <div class="certificate_footer">
                2015-2016年度钢材市场优秀示范企业   2016年度国家重点扶持项目  中国再生资源示范企业  2015年中国大宗商品现代流通诚信市场
            </div>
        </div>
    </section>
</footer>
<!--footer end-->
<!--<div class="edit_email_dialog">-->
    <!--<div class="title_edit_email_dialog">资源单详情</div>-->
    <!--<div class="content_edit_email_dialog">-->
        <!--<li>-->
            <!--<div class="left fl">资源单名称:</div>-->
            <!--<div class="right fl">XXXXX</div>-->
            <!--<div class="clearfix"></div>-->
        <!--</li>-->

        <!--<li>-->
            <!--<div class="left fl">公司名称:</div>-->
            <!--<div class="right fl">公司名称</div>-->
            <!--<div class="clearfix"></div>-->
        <!--</li>-->

        <!--<li>-->
            <!--<div class="left fl">地区:</div>-->
            <!--<div class="right fl">天津</div>-->
            <!--<div class="clearfix"></div>-->
        <!--</li>-->

        <!--<li>-->
            <!--<div class="left fl">今日调价:</div>-->
            <!--<div class="right fl">上调10</div>-->
            <!--<div class="clearfix"></div>-->
        <!--</li>-->

        <!--<li>-->
            <!--<div class="left fl">产品描述:</div>-->
            <!--<div class="right fl">产品描述产品描述产品描述产品描述产品描述产品描述产品描述产品描述产品描述产品描述产品描述产品描述...</div>-->
            <!--<div class="clearfix"></div>-->
        <!--</li>-->

        <!--<li>-->
            <!--<div class="left fl">所属分类:</div>-->
            <!--<div class="right fl">钢材</div>-->
            <!--<div class="clearfix"></div>-->
        <!--</li>-->

        <!--<li>-->
            <!--<div class="left fl">产品属性:</div>-->
            <!--<div class="right fl">钢铁-武钢</div>-->
            <!--<div class="clearfix"></div>-->
        <!--</li>-->
    <!--</div>-->
    <!--<div class="btn-close">-->
        <!--<button>关闭</button>-->
    <!--</div>-->
<!--</div>-->
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/alert.js"></script>
<script type="text/javascript" src="js/userinfo.js"></script>

</body>
</html>